<template>
  <div>

    <!-- 面包屑导航条 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>工艺管理</el-breadcrumb-item>
      <el-breadcrumb-item>工艺列表</el-breadcrumb-item>
    </el-breadcrumb>



    <el-card class="box-card">


      <el-form :model="searchForm" label-width="70px">
        <el-row>
          <el-col :span="8">
            <el-form-item >
              <el-input v-model="searchForm.name" placeholder="关键字搜索" style="width: 200px"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-button type="primary" >搜索</el-button>
          </el-col>
        </el-row>
      </el-form>



      <el-table
        :data="ordersList"
        stripe
        style="width: 100%">
        <el-table-column
          prop="code"
          label="订单编号"
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="销售员"
          width="180">
        </el-table-column>
        <el-table-column
          prop="chemical"
          label="创建时间">
        </el-table-column>
        <el-table-column
          prop="density"
          label="更新时间">
        </el-table-column>
        <el-table-column
          prop="price"
          label="订单状态">
        </el-table-column>
        <el-table-column
          fixed="right"
          label="操作"
          width="100">
          <template slot-scope="scope">
            <el-dropdown>
              <span class="el-dropdown-link">
                <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-button type="primary" >编辑</el-button>
                <el-button type="primary" >明细</el-button>
                <el-button type="primary" >删除</el-button>
              </el-dropdown-menu>
            </el-dropdown>
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页-->
      <!--  <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="page.currentPage"
          :page-sizes="[100, 200, 300, 400]"
          :page-size="page.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="page.total">
        </el-pagination>-->


    </el-card>

  </div>
</template>

<script>
    export default {
        name: "OrderProcess",
      data(){
        return{
          searchForm:{},
          ordersList:[]
        }
      },
      methods:{

      },
      mounted() {

      }
    }
</script>

<style scoped>

</style>
